
var prefix = ctx +"module/survey/record"
$(function() {
    load();
});
function load(){
    layui.use(['form','table'], function() {
        var form = layui.form ,
            table = layui.table,
            element = layui.element;//载入table模块
        var searchParams = {};
        searchParams['search_eq_recordId']=$('#recordId').val();
        searchParams['search_like_keyword']=$('#keyword').val();
        //初始化table
        table.render({
            elem: '#exampleTable',//承载数据的table Id
            url: prefix + "/list/info",//请求数据连接
            toolbar: '#toolbarDemo',
            cellMinWidth: 80,//全局定义所有常规单元格的最小宽度（默认：60）
            even: true,//是否开启隔行变色
            loading:true,//是否显示加载条
            // height: 'full-75',
            where :{
                searchParams:searchParams,
                sorts:{"id":"asc"}
            },
            limit:30,
            page: false,//是否分页
            // page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            //     layout: [ 'prev', 'page', 'next', 'skip', 'count','limit'] //自定义分页布局
            // },
            defaultToolbar: false,
            cols: [[
                {type:'numbers',title: '序号', width:'5%'},
                { field : 'question',  title : '问题',  align : 'center', },
                { field : 'answer',  title : '回答选项', align : 'center',
                    templet: function (item) {
                        if(item.questionType != 3){
                            return item.answer;
                        }else{
                            var imgs = "";
                            for(var index in item.answers){
                                imgs += "<img src='"+item.answers[index]+"' style='margin-left: 5px;' width='50' height='50' />";
                            }
                            return imgs;
                        }
                    },
                },
                // { title: '操作', minWidth: 100, templet: '#currentTableBar', fixed: "right", align: "center"}
            ]],
            id: 'currentTableId',//表格Id
            done: function(res, curr, count){
                // $('.layui-table-fixed-r').removeClass('layui-hide');
                $(".layui-table img").each(function() {
                    $(this).click(function() {
                        previewImg(this);
                    })
                });
            } //解决最右侧列不能固定的问题
        });
        /**
         * 操作栏tool  监听事件
         */
        table.on('tool(currentTableFilter)', function (obj) {

        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            //执行搜索重载
            reLoad();
            return false;
        });

        /**
         * 操作栏tool  监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'back') {  // 监听添加操作
                goBack();
            }
        });
    });
}

function goBack(){
    var surveyId = $("#surveyId").val();
    console.log('surveyId',surveyId)
    window.location.href = ctx + 'module/survey/record/' + surveyId;
}

function previewImg(obj) {
    var img = new Image();
    img.src = obj.src;
    var imgHtml = "<img src='" + obj.src + "' width='600' height='500'/>";
    //弹出层
    layer.open({
        type: 1,
        // shade: true,
        shadeClose : true, // 点击遮罩关闭层
        title: false, //不显示标题
        area:[ '500px', '700px' ],
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {

        }
    });
}
function reLoad() {
    var searchParams = {};
    searchParams['search_eq_recordId']=$('#recordId').val();
    searchParams['search_like_keyword']=$('#keyword').val();
    layui.use(['table'], function() {
        var table = layui.table;//载入table模块
        table.reload('currentTableId', {
            page: {curr: 1}
            , where: {
                searchParams: searchParams
            }
        }, 'data');
    });
}
